<!doctype html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<meta name="format-detection" content="telephone=no, address=no, email=no">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="x5-orientation" content="portrait">
	<title>公众号</title>
	<script src="js/rem.js"></script>
	<link href="lib/weui/weui.min.css" rel="stylesheet">
	<link href="css/reset.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
	<style>
		
	</style> 
</head>
<body style="overflow-y: auto;" ontouchstart >
<div class="small_page dd-bg">
	<!--头部 -->
	<!--<div class="small_head">
		<div class="go-back"></div>
		<div class="head-title">公众号</div>
		<div class="tool-box"><img src="images/more-ico.png" style="width:.4rem;"></div>
	</div>-->
	<!--页面主体 -->
	<div class="small_body">
		<div class="warp-pages"  style="background:none;">
			<div class="piaoluo" id="leafContainer"></div>
			<div class="gleft">
				<img src="images/gleft.png">
			</div>
			<div class="gright">
				<img src="images/gright.png">
			</div>
			

				<div class="top-img">
				<img src="images/top-img.png">
				</div>
				<div class="hong-text">
					<span>赶快来领取红包吧！</span>
				</div>
				<div class="caishen">
					<img src="images/caishen.png">
				</div>
			
			
			<div class="bottom-box">
				<div class="bottom-bg"></div>
				<div class="bottom-text">
					<div class="bottom-btn sweepcode">立即拆红包</div>
					<div class="btn-more">活动规则</div>
				</div>
			</div>
		</div>
	</div>
	<!--底部 -->
	<!--<div class="small_foot" style="background:none;"></div>-->   
</div>

<!--规则-->
<div class="rule-box">
	<div class="warp-rules">
		<div class="warp-rule">
			<div class="rule-com">
				<div class="weui-cells no-end">
					<div class="weui-cell no-end no-algin">
						<div class="weui-cell__hd">
							<span class="number">1</span>
						</div>
						<div class="weui-cell__bd">每位会员只能参团1次，开团不限次数元夺宝 20人团活动； </div>
					</div>
					<div class="weui-cell no-end no-algin">
						<div class="weui-cell__hd">
							<span class="number">2</span>
						</div>
						<div class="weui-cell__bd">组团成功送每位团员1元夺宝币，可直接用于商城夺宝使用； </div>
					</div>
					<div class="weui-cell no-end no-algin">
						<div class="weui-cell__hd">
							<span class="number">3</span>
						</div>
						<div class="weui-cell__bd">1元夺宝20人团活动，组团成功送每可直接用于商城夺宝使用。 </div>
					</div>
					<div class="weui-cell no-end no-algin">
						<div class="weui-cell__hd">
							<span class="number">4</span>
						</div>
						<div class="weui-cell__bd">组团成功送每位团员元夺宝币组团成功送每人10元夺宝币。 </div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!--扫码关注领红包 弹出层-->
<div class="warp-gonggao" id="sweepcode">
	<div class="tan-overlay"></div>
	<div class="gg-box">
		<div class="sweep-box">
			<div class="sweep-topimg">
				<img src="images/thong04.png">
			</div>
			<div class="weixin winprize" data-dialog-close> <!-- 测试  -->
				<img src="images/weixin00.jpg" >
			</div>
			<div class="sweep-text">
				<img src="images/thong-text.png">
			</div>
			<div class="sweep-tip">
				请长按识别二维码关注公众号即可领取该红包	
			</div>
		</div>
	</div>
</div>

<!--已打开 弹出层-->
<div class="warp-gonggao" id="kaiting">
	<div class="tan-overlay"></div>
	<div class="gg-box" style="top: 44%;width: 72%;">
		<div class="con-box">
			<div class="comtents">
				<div class="tip-title">来晚一步，红包被领完了</div> <!-- 抱歉，活动已过期 -->
				<div class="tip-img"><img src="images/thong01.png" ></div>
				<div class="tip-text">不要灰心，么么哒!</div> <!-- 敬请期待下次活动！ -->
				<div class="bottom-btn" data-dialog-close>确定</div>
			</div>
		</div>
	</div>
</div>

<!--中奖 弹出层-->
<div class="warp-gonggao" id="winprize">
	<div class="tan-overlay"></div>
	<div class="gg-box" style="top: 44%;width: 72%;z-index: 2;">
		<div class="zhong-bg">
			<img src="images/win-bg03.png">
		</div>
		<div class="con-box win-style">
			<div class="win-box">
				<div class="win-title">恭喜您获得</div>
				<div class="win-number"><span>100</span>元</div>
				<div class="win-bottom">现金红包！</div>
				<div class="win-tip">
					<div class="win-tipss">
						<div class="wtip-title">恭喜您！现金红包已经发放</div>
						<div class="wtip-text">此红包由正品科技发送，请于 72小时内领取红包！</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>
	<div class="win-hong">
		<img src="images/win-bg.png">
	</div>
	<div class="win-guang">
		<img src="images/win-bg01.png">
	</div>
	<div class="win-hong">
		<img src="images/win-bg11.png">
	</div>
</div>


</body>
<script src="lib/jquery/jquery-1.10.1.min.js"></script>
<script src="js/dialogFx.js"></script>
<!--<script src="js/snowfall.jquery.js"></script>-->
<script src="js/leaves.js"></script>

<script>

	$(function(){
		//规则显示
		$(".btn-more").on("click",function(){
			$(this).toggleClass("up");
			var flag = $(this).is(".up");
			
			if(!flag){	
				var sum = $(document).height() - $(window).height();
				var num = 10;
				var timer = setInterval(function(){
					sum -= num;
					if(sum<=0){
						$(document).scrollTop(0);
						clearInterval(timer); 
						$(".rule-box").hide();
					}
					$(document).scrollTop(sum);
					num++;
				},20)
			}else{
				$(".rule-box").show();
				var scrollh = $(document).height() - $(window).height();
				var sum = 10;
				var num = 10;
				var timer = setInterval(function(){
					sum += num;
					if(sum>=scrollh){
						$(document).scrollTop(scrollh);
						clearInterval(timer); 
					}
					$(document).scrollTop(sum);
					num++;
				},15)
			}
			
			
		})
		//扫码关注领红包
		var sweepcode = new DialogFx('#sweepcode');
		$('.sweepcode').on('click',function(){
			sweepcode.toggle()
		});
		
		//已打开 弹出层
		var kaiting = new DialogFx('#kaiting');
		$('.kaiting').on('click',function(){
			kaiting.toggle()
		});
		
		//弹出层
		var winprize = new DialogFx('#winprize');
		$('.winprize').on('click',function(){
			winprize.toggle()
		});
	})
	//飘落效果
//	!function piaoLuo(){
//      $('.piaoluo').snowfall('clear'); //关闭飘落效果
//      $('.piaoluo').snowfall({
//          image: ["images/icon1.png","images/icon2.png","images/icon3.png","images/icon4.png","images/icon5.png"
//          ,"images/icon6.png","images/icon7.png","images/icon8.png","images/icon9.png","images/icon10.png",
//          "images/icon11.png","images/icon12.png"],
//          flakeCount:30,
//          minSize: 30,
//          maxSize: 80,
//          maxSpeed: 4,
//          flakeIndex: 1
//      });
//	}()
	
	
	 	
	
</script>

</html>